<template>
    <view>
        <view class="bg_image">
            <view class="header">
                <image class="logo" src="../../static/images/logo.jpg"></image>
            </view>
            <view class="content_tip">
                <view class="txt_title">
                    <h2>山东送药上门</h2>
                </view>
                <view class="txt_tip">
                    <text>
                        山东送药上门服务平台，通过线上线下多渠道方式，为您提供送药上门服务，医保支付，安全便捷。
                        <!-- 山东省“送药上门服务”是政府支持的面向社会提供的“医、药、护”便民服务工程。平台通过线上线下多渠道方式，为您提供送医、送药、护理上门服务，医保支付，安全便捷。 -->
                    </text>
                </view>
            </view>

            <view class="btnFlex">
                <button class="backBtn whiteBtn" @click="back">返回</button>
                <button class="backBtn" @click="getPayInfo">去支付</button>
            </view>
        </view>
    </view>
</template>

<script>
import { getPayInfoByTradeNo } from '@/api/consult.js';
var App = getApp();
export default {
    data() {
        return {
            appId: App.globalData.threeAppData.referrerInfo.appId, //跳转过来的小程序的appid
            threeAppData: App.globalData.threeAppData.referrerInfo.extraData, //小程序跳转过来传递的参数
            // resObj:App.globalData.resObj, //医保支付小程序返回回来的数据
        };
    },
    onLoad() {
        console.log(
            this.threeAppData,
            App.globalData.threeAppData,
            '页面接收到的参数999----'
        );
        // this.getPayInfo();
    },
    methods: {
        // 返回到跳转过来的小程序
        back() {
            console.log(this.appId, 'fanhui000-----');
            wx.navigateBackMiniProgram({
                extraData: {
                    /***
                     * errorcode：字符串，返回的错误代码，无异常时返回0，其他为自定义代码
                    errormsg：字符串，返回的错误信息
                    tradeno：平台订单号
                    */
                    errorcode:
                        App.globalData.scene == 1038
                            ? this.threeAppData.errorcode
                            : '',
                    errormsg:
                        App.globalData.scene == 1038
                            ? this.threeAppData.errormsg
                            : '',
                    // tradeno:
                    //     App.globalData.scene == 1038
                    //         ? this.threeAppData.tradeno
                    //         : '', //平台单号
                },
            });
        },
        // 调用医保支付--跳转到医保支付小程序
        getPayInfo() {
            App.globalData.appName = 'threeApp'; // 修改App.vue中设置的全局变量app名称，区别是从三方跳转进浩然去医保支付还是 直接从浩然去医保支付，
            let tradeno = this.threeAppData.tradeno, //''22062416270728491000055', //
                ydbh = this.threeAppData.ydhb; //'012066'; //
            getPayInfoByTradeNo(tradeno, ydbh)
                .then((res) => {
                    if (res.code == 200) {
                        let data = res.data;
                        // console.log(res, data, '三方小程序信息请求回来的数据000-----');
                        this.gotoThree(data);
                    }
                })
                .catch((err) => {
                    this.$util.Tips({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    });
                });
        },

        gotoThree(data) {
            // console.log(data, 999999999999999);
            /**  appId： 医保结算小程序appid，此小程序需要医院进行申请
                    extraData：结算参数
                    envVersion:打开的小程序版本 develop:开发版，trial体验版，release正式版
                */
            wx.navigateToMiniProgram({
                appId: data.appId, //第三方小程序的appid
                path: 'pages/index/index',
                extraData: {
                    tradeno: data.tradeno, //'MPC20200403111232001',
                    dyfid: data.dyfid,
                    ydbh: data.ydbh,
                },
                envVersion: 'release',
                fail(res) {
                    //  // errMsg: "navigateToMiniProgram:fail cancel"
                    //关闭当前页面跳转至订单状态
                    if (res.errMsg == 'navigateToMiniProgram:fail cancel') {
                        return _this.$util.Tips(
                            {
                                title: '取消支付',
                                icon: 'none',
                            },
                            {
                                tab: 5,
                                url: '/pages/my/drugOrderList?status=1',
                            }
                        );
                    }
                },
            });
        },
    },
};
</script>

<style lang="less" scoped>
.bg_image {
    width: 100%;
    background-size: 100% 100%;
    position: relative;
}

.header {
    display: flex;
    padding: 15rpx 30rpx;
    padding-top: 40rpx;
}
.logo {
    width: 359rpx;
    height: 362rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30rpx;
    border-radius: 30rpx;
}
.content_tip {
    text-align: center;
    padding: 40rpx;
}
.txt_title {
    font-size: 40rpx;
}

.txt_tip {
    font-size: 32rpx;
    line-height: 47rpx;
    color: #727272;
    margin: 20rpx 0;
    text-align: justify;
    text-align-last: center;
}

.btnFlex {
    display: flex;
    justify-content: space-around;
}
.backBtn {
    background: -webkit-linear-gradient(#77e2a4, #4ccdbc);
    color: #ffffff;
    line-height: 80rpx;
    font-size: 35rpx;
    width: 40%;
    text-align: center;
}

.whiteBtn {
    background: #ffffff; //-webkit-linear-gradient(#77e2a4, #4ccdbc);
    color: #4ccdbc;
}
</style>